<!--
  Copyright (c) 2012 The Chromium Authors. All rights reserved.
  Use of this source code is governed by a BSD-style license that can be
  found in the LICENSE file.
-->

<!--
  HTML for a general Chrome Endure graph.
-->

<html>
  <head>
    <style>
    body {
      font-family: sans-serif;
    }
    div#output {
      cursor: pointer;
    }
    div#switcher * {
      border: 1px solid black;
      border-radius: 4px 4px 0 0;
      padding-left: 0.5em;
      padding-right: 0.5em;
    }
    div#switcher a {
      background: #ddd;
      cursor: pointer;
    }
    canvas.plot {
      border: 1px solid black;
    }
    div.plot-coordinates {
      font-family: monospace;
    }
    iframe {
      display: none;
      width: 100%;
      height: 100%;
      border: none;
    }
    div.selected {
      border-left: none;
    }
    #explain {
      font-size: 0.75em;
      font-style: italic;
      color: rgb(100,100,100);
    }
    </style>

    <script src="js/common.js"></script>
    <script src="js/coordinates.js"></script>
    <script src="js/dom_utils.js"></script>
    <script src="js/graph_utils.js"></script>
    <script src="js/plotter.js"></script>
    <script src="config.js"></script>

    <script src="js/endure_plotter.js"></script>
  </head>

  <body>
    <div id="header_lookout" align="center">
      <font style='color: #0066FF; font-family: Arial, serif;
            font-size: 12pt; font-weight: bold;'>
      <script>
        document.write("<a target=\"_blank\" href=\"");
        document.write(get_url());
        document.write("\">");
        if ('graph' in params && params.graph != '')
          document.write(escape(params.graph));
        else if ('header' in params && params.header != '')
          document.write(escape(params.header));
        else
          document.write(Config.title);
        document.write("</a>");
      </script>
      </font>
    </div>

    <div id="header_text">
      Builds generated by the <i>
      <script>
        document.write(Config.buildslave);
      </script>
      </i> are run through <b>
      <script>
        document.write(Config.title);
      </script>
      </b> and the results of that test are charted here.
    </div>

    <div id="explain">
      More information about Chrome Endure can be found here:
      <a href="http://www.chromium.org/developers/testing/pyauto/perf/endure">
      http://www.chromium.org/developers/testing/pyauto/perf/endure</a>
    </div>

    <p></p>

    <div id="switcher"></div>
    <div id="output"></div> <br>
    <div id="revisions"></div> <br>
    <div id="comparisons"></div> <br>
    <div id="events"></div>
    <script>
      if ('lookout' in params) {
        document.getElementById("switcher").style.display = "none";
        document.getElementById("header_text").style.display = "none";
        document.getElementById("explain").style.display = "none";
      } else {
        document.getElementById("header_lookout").style.display = "none";
      }
    </script>
  </body>
</html>
